<!DOCTYPE html>
<!-- 声明HTML文档的类型 -->
<html lang="zh-CN">
<!-- 设置HTML文档的语言编码 -->

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>罗小罗的小屋</title>
    <!-- 设置网页标题 -->
    <link rel="stylesheet" href="./CSS/blog.css">
    <!-- 引入CSS文件 -->
</head>

<body>
    <header>
        <div class="container">
            <h1>罗文彬的个人博客</h1>
            <nav>
                <ul>
                    <li><a href="./index.html">首页</a></li>
                    <li><a href="./blog.html">博客</a></li>
                    <li><a href="./about.html">关于</a></li>
                    <li><a href="./contact.html">联系</a></li>
                    <li><a href="./login.html">登录</a></li>
                    <li><a href="./NPC" target="_blank">NPCTV官网</a></li>
                    <li><a href="./DailyQues/index.html">每日一题</a></li>
                </ul>
            </nav>
        </div>
    </header>

    <div class="container">
        <main>
            <article>
                <h2>通过<i> "皎月连" </i>连接我的Minecraft服务器</h2>
                <p>皎月连提供了更稳定、低延迟的连接方式，强烈建议遇到延迟问题的玩家使用......</p>
                <a href="./articles/natpierce/index.html" target="_blank">详细内容>></a>
                <footer>
                    <p>发布日期：2024年4月1日</p>
                    <p>作者：我</p>
                    <!-- 加入"Label"标签便于管理 -->
                    <p class="Label">标签： <a href="#">教程</a>, <a href="#">内网穿透</a>, <a href="#">Minecraft</a></p>
                </footer>
            </article>

            <article>
                <h2>Minecraft Java版安装</h2>
                <p>尽管现在的启动器都十分智能化了, Minecraft Java版仍不像其它游戏那样一键式安装, 本文提供Minecraft游戏的简易安装教程......</p>
                <a href="./articles/minecraft/index.html" target="_blank">详细内容>></a>
                <footer>
                    <p>发布日期：2024年4月29日</p>
                    <p>作者：我</p>
                    <p class="Label">标签： <a href="#">教程</a>, <a href="#">游戏</a>, <a href="#">Minecraft</a></p>
                </footer>
            </article>

            <article>
                <h2>C/C++在终端中如何使用命令编译</h2>
                <p>在终端中编译C/C++源代码的简易笔记......</p>
                <a href="./articles/C_C++命令行编译/index.html" target="_blank">详细内容>></a>
                <footer>
                    <p>发布日期：2024年5月2日</p>
                    <p>作者：我</p>
                    <p class="Label">标签： <a href="#">教程</a>, <a href="#">编程</a>, <a href="#">C/C++</a></p>
                </footer>
            </article>

            <article>
                <h2>nextPermutation函数的Java实现</h2>
                <p>nextPermutation函数的java实现......</p>
                <a href="./articles/nextPermutation/index.html" target="_blank">详细内容>></a>
                <footer>
                    <p>发布日期：2024年5月2日</p>
                    <p>作者：我</p>
                    <p class="Label">标签： <a href="#">教程</a>, <a href="#">编程</a>, <a href="#">C/C++</a></p>
                </footer>
            </article>

            <article>
                <h2>我的第x篇博客文章</h2>
                <p>这是我的第x篇博客文章的内容。在这里，我将分享一些关于......</p>
                <p>文章内容继续...</p>
                <footer>
                    <p>发布日期：2024年4月3日</p>
                    <p>作者：我</p>
                    <!-- 加入"Label"标签便于管理 -->
                    <p class="Label">标签： <a href="#">技术</a>, <a href="#">编程</a>, <a href="#">人工智能</a></p>
                </footer>
            </article>

            <!-- 更多文章 -->
        </main>

        <aside>
            <div class="widget">
                <h3>关于我</h3>
                <p>我是一个热爱编程、游戏和美食的人。欢迎来我的博客逛逛。</p>
            </div>

            <div class="widget">
                <h3>标签</h3>
                <ul>
                    <li><a href="#">技术</a></li>
                    <li><a href="#">编程</a></li>
                    <li><a href="#">游戏</a></li>
                    <li><a href="#">美食</a></li>
                    <li><a href="#">Minecraft</a></li>
                    <!-- 更多标签 -->
                </ul>
            </div>
        </aside>
    </div>

    <footer>
        <div>
            <p>© 2024 我的个人博客</p>
        </div>
    </footer>
</body>

</html>